﻿[group] {
    margin: 1.2vw 0;
    border-radius: 0.4vw;
    background-color: #FAFAFA;
}

    [group] > [item] {
        padding: 0 5.2vw;
        border-top: 0.4vw solid #F0F0F0;
    }

        [group] > [item] > div {
            display: flex;
        }

            [group] > [item] > div:nth-child(1) {
                padding: 2vw 0;
                font-size: 4vw;
                color: #323232;
            }

                [group] > [item] > div:nth-child(1) > div:nth-child(2) {
                    flex: 1;
                    text-align: right;
                }

            [group] > [item] > div:nth-child(n+2) {
                padding: 2vw 0;
                font-size: 3.6vw;
                color: #909090;
            }

                [group] > [item] > div:nth-child(n+2) > div:nth-child(1) {
                    width: 20vw;
                    text-align: right;
                }

[trace] > [node] {
    margin: 2vw 0;
    background-color: #FAFAFA;
}

    [trace] > [node] > div:nth-child(1) {
        min-width: 20vw;
    }

        [trace] > [node] > div:nth-child(1) > div {
            width: 8vw;
            height: 8vw;
            border-radius: 50%;
            font-size: 4vw;
            line-height: 7.6vw;
            text-align: center;
            color: #FAFAFA;
            background-color: #5AC748;
        }

    [trace] > [node] > div:nth-child(2) > div {
        margin: 2vw;
    }

        [trace] > [node] > div:nth-child(2) > div:nth-child(1) {
            font-size: 5.2vw;
        }

        [trace] > [node] > div:nth-child(2) > div:nth-child(n+2) {
            font-size: 4.4vw;
        }
